
<template>
    <div id="footer">
        <mt-tabbar v-model="selected" :fixed="true">
             <router-link to="/">
                <mt-tab-item id="tab1"> 
                    <img slot="icon" src="../../assets/logo.png">
                    首页 
                </mt-tab-item>
            </router-link>
            <router-link to="/news">
                <mt-tab-item id="tab2">
                        <img slot="icon" src="../../assets/logo.png">
                        新闻
                    
                </mt-tab-item>
            </router-link>
            <router-link to="/product">
                <mt-tab-item id="tab3">
                    <img slot="icon" src="../../assets/logo.png">
                    商品
                </mt-tab-item>
            </router-link>
            <router-link to="/spcar">
                <mt-tab-item id="tab4">
                    <img slot="icon" src="../../assets/logo.png">
                    购物车
                </mt-tab-item>
            </router-link>
            <router-link to="/my">
                <mt-tab-item id="tab5">
                    <img slot="icon" src="../../assets/logo.png">
                    我的
                </mt-tab-item>
            </router-link>
            
        </mt-tabbar>
    </div>
</template>

<script>
import "./footer.css";
import {mapMutations,mapGetters} from "vuex";
export default {
    data(){
        return {
            selected:"tab1"
        }
    },
    computed:{
        ...mapGetters([""])
    },
    methods:{
        ...mapMutations(["changeCurMode"]),
        cgMode(){
            console.log(132);
        }
    },
    created(){
        // this.cgMode();
    }
}
</script>



